@charset "utf-8";

/* 加载优先度简介： 1 为最高，应该最先被加载 */
/* 这个CSS样式文件是通用样件哦，通用样式文件要放在所有自定义样式文件之前哦(加载优先度：1) */

/*抖动动画样式*/
@keyframes Small_Jitter_X{
	0%   {	transform: translate(0px,0px);	}
	25%  {	transform: translate(15px,0px);	}
	50%  {	transform: translate(0px,0px);	}
	75%  {	transform: translate(-15px,0px);}
	100% {	transform: translate(0px,0px);	}
}
@keyframes Small_Jitter_Y{
	0%   {	transform: translate(0px,0px);	}
	25%  {	transform: translate(0px,15px);	}
	50%  {	transform: translate(0px,0px);	}
	75%  {	transform: translate(0px,-15px);}
	100% {	transform: translate(0px,0px);	}
}
@keyframes Medium_Jitter_X{
	0%   {	transform: translate(0px,0px);	}
	25%  {	transform: translate(30px,0px);	}
	50%  {	transform: translate(0px,0px);	}
	75%  {	transform: translate(-30px,0px);}
	100% {	transform: translate(0px,0px);	}
}
@keyframes Medium_Jitter_Y{
	0%   {	transform: translate(0px,0px);	}
	25%  {	transform: translate(0px,30px);	}
	50%  {	transform: translate(0px,0px);	}
	75%  {	transform: translate(0px,-30px);}
	100% {	transform: translate(0px,0px);	}
}
@keyframes Big_Jitter_X{
	0%   {	transform: translate(0px,0px);	}
	25%  {	transform: translate(45px,0px);	}
	50%  {	transform: translate(0px,0px);	}
	75%  {	transform: translate(-45px,0px);}
	100% {	transform: translate(0px,0px);	}
}
@keyframes Big_Jitter_Y{
	0%   {	transform: translate(0px,0px);	}
	25%  {	transform: translate(0px,45px);	}
	50%  {	transform: translate(0px,0px);	}
	75%  {	transform: translate(0px,-45px);}
	100% {	transform: translate(0px,0px);	}
}

/*2D摇摆与旋转动画样式*/
@keyframes Swing_15deg_2D{
	0%   {	transform: rotate(0deg);		}
	25%  {	transform: rotate(15deg);		}
	50%  {	transform: rotate(0deg);		}
	75%  {	transform: rotate(-15deg);		}
	100% {	transform: rotate(0deg);		}
}
@keyframes Swing_30deg_2D{
	0%   {	transform: rotate(0deg);		}
	25%  {	transform: rotate(30deg);		}
	50%  {	transform: rotate(0deg);		}
	75%  {	transform: rotate(-30deg);		}
	100% {	transform: rotate(0deg);		}
}
@keyframes Swing_45deg_2D{
	0%   {	transform: rotate(0deg);		}
	25%  {	transform: rotate(45deg);		}
	50%  {	transform: rotate(0deg);		}
	75%  {	transform: rotate(-45deg);		}
	100% {	transform: rotate(0deg);		}
}
@keyframes Swing_60deg_2D{
	0%   {	transform: rotate(0deg);		}
	25%  {	transform: rotate(60deg);		}
	50%  {	transform: rotate(0deg);		}
	75%  {	transform: rotate(-60deg);		}
	100% {	transform: rotate(0deg);		}
}
@keyframes Swing_75deg_2D{
	0%   {	transform: rotate(0deg);		}
	25%  {	transform: rotate(75deg);		}
	50%  {	transform: rotate(0deg);		}
	75%  {	transform: rotate(-75deg);		}
	100% {	transform: rotate(0deg);		}
}
@keyframes Swing_90deg_2D{
	0%   {	transform: rotate(0deg);		}
	25%  {	transform: rotate(90deg);		}
	50%  {	transform: rotate(0deg);		}
	75%  {	transform: rotate(-90deg);		}
	100% {	transform: rotate(0deg);		}
}
@keyframes Swing_105deg_2D{
	0%   {	transform: rotate(0deg);		}
	25%  {	transform: rotate(105deg);		}
	50%  {	transform: rotate(0deg);		}
	75%  {	transform: rotate(-105deg);		}
	100% {	transform: rotate(0deg);		}
}
@keyframes Swing_120deg_2D{
	0%   {	transform: rotate(0deg);		}
	25%  {	transform: rotate(120deg);		}
	50%  {	transform: rotate(0deg);		}
	75%  {	transform: rotate(-120deg);		}
	100% {	transform: rotate(0deg);		}
}
@keyframes Swing_135deg_2D{
	0%   {	transform: rotate(0deg);		}
	25%  {	transform: rotate(135deg);		}
	50%  {	transform: rotate(0deg);		}
	75%  {	transform: rotate(-135deg);		}
	100% {	transform: rotate(0deg);		}
}
@keyframes Swing_150deg_2D{
	0%   {	transform: rotate(0deg);		}
	25%  {	transform: rotate(150deg);		}
	50%  {	transform: rotate(0deg);		}
	75%  {	transform: rotate(-150deg);		}
	100% {	transform: rotate(0deg);		}
}
@keyframes Swing_165deg_2D{
	0%   {	transform: rotate(0deg);		}
	25%  {	transform: rotate(165deg);		}
	50%  {	transform: rotate(0deg);		}
	75%  {	transform: rotate(-165deg);		}
	100% {	transform: rotate(0deg);		}
}
@keyframes Swing_180deg_2D{
	0%   {	transform: rotate(0deg);		}
	25%  {	transform: rotate(180deg);		}
	50%  {	transform: rotate(0deg);		}
	75%  {	transform: rotate(-180deg);		}
	100% {	transform: rotate(0deg);		}
}
@keyframes Rotation_Clockwise_2D{
	0%	 {	transform: rotate(0deg);		}
	25%  {	transform: rotate(90deg);		}
	50%  {	transform: rotate(180deg);		}
	75%  {	transform: rotate(270deg);		}
	100% {	transform: rotate(360deg);		}
}
@keyframes Rotation_AntiClockwise_2D{
	0%	 {	transform: rotate(0deg);		}
	25%  {	transform: rotate(-90deg);		}
	50%  {	transform: rotate(-180deg);		}
	75%  {	transform: rotate(-270deg);		}
	100% {	transform: rotate(-360deg);		}
}
/*位置移动动画样式*/

/*XX动画样式*/

/*XX动画样式*/

/*XX动画样式*/

/*XX动画样式*/

/*XX动画样式*/

/*XX动画样式*/

/*XX动画样式*/

/*XX动画样式*/

/*空白动画样式（用来与JS代码配合）*/
@keyframes Blank{
	from{	transform: translate(0px,0px);	}
	to  {	transform: translate(0px,0px);	}
}

/* 元素Q弹点击样式（用来与JS代码配合） */
@keyframes DialogOpen {
	0% {
		-webkit-transform: matrix3d(.7, 0, 0, 0, 0, .7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		transform: matrix3d(.7, 0, 0, 0, 0, .7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		opacity: 0
	}
	3.4% {
		-webkit-transform: matrix3d(.795, 0, 0, 0, 0, .822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		transform: matrix3d(.795, 0, 0, 0, 0, .822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	4.7% {
		-webkit-transform: matrix3d(.835, 0, 0, 0, 0, .88, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		transform: matrix3d(.835, 0, 0, 0, 0, .88, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	6.81% {
		-webkit-transform: matrix3d(.898, 0, 0, 0, 0, .968, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		transform: matrix3d(.898, 0, 0, 0, 0, .968, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	9.41% {
		-webkit-transform: matrix3d(.965, 0, 0, 0, 0, 1.05, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		transform: matrix3d(.965, 0, 0, 0, 0, 1.05, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	10.21% {
		-webkit-transform: matrix3d(.982, 0, 0, 0, 0, 1.068, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		transform: matrix3d(.982, 0, 0, 0, 0, 1.068, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	13.61% {
		-webkit-transform: matrix3d(1.037, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		transform: matrix3d(1.037, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	14.11% {
		-webkit-transform: matrix3d(1.042, 0, 0, 0, 0, 1.099, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		transform: matrix3d(1.042, 0, 0, 0, 0, 1.099, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	17.52% {
		-webkit-transform: matrix3d(1.062, 0, 0, 0, 0, 1.072, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		transform: matrix3d(1.062, 0, 0, 0, 0, 1.072, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	18.72% {
		-webkit-transform: matrix3d(1.064, 0, 0, 0, 0, 1.056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		transform: matrix3d(1.064, 0, 0, 0, 0, 1.056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	21.32% {
		-webkit-transform: matrix3d(1.059, 0, 0, 0, 0, 1.021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		transform: matrix3d(1.059, 0, 0, 0, 0, 1.021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	24.32% {
		-webkit-transform: matrix3d(1.045, 0, 0, 0, 0, .988, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		transform: matrix3d(1.045, 0, 0, 0, 0, .988, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	25.23% {
		-webkit-transform: matrix3d(1.04, 0, 0, 0, 0, .981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		transform: matrix3d(1.04, 0, 0, 0, 0, .981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	29.03% {
		-webkit-transform: matrix3d(1.019, 0, 0, 0, 0, .969, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		transform: matrix3d(1.019, 0, 0, 0, 0, .969, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	29.93% {
		-webkit-transform: matrix3d(1.014, 0, 0, 0, 0, .97, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		transform: matrix3d(1.014, 0, 0, 0, 0, .97, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	35.54% {
		-webkit-transform: matrix3d(.994, 0, 0, 0, 0, .989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		transform: matrix3d(.994, 0, 0, 0, 0, .989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	36.74% {
		-webkit-transform: matrix3d(.991, 0, 0, 0, 0, .994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		transform: matrix3d(.991, 0, 0, 0, 0, .994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	41.04% {
		-webkit-transform: matrix3d(.988, 0, 0, 0, 0, 1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		transform: matrix3d(.988, 0, 0, 0, 0, 1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	44.44% {
		-webkit-transform: matrix3d(.99, 0, 0, 0, 0, 1.01, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		transform: matrix3d(.99, 0, 0, 0, 0, 1.01, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	52.15% {
		-webkit-transform: matrix3d(.997, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		transform: matrix3d(.997, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		opacity: 1
	}
	59.86% {
		-webkit-transform: matrix3d(1.002, 0, 0, 0, 0, .997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		transform: matrix3d(1.002, 0, 0, 0, 0, .997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	63.26% {
		-webkit-transform: matrix3d(1.002, 0, 0, 0, 0, .998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		transform: matrix3d(1.002, 0, 0, 0, 0, .998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	75.28% {
		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		transform: matrix3d(1, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	85.49%,
	90.69%,
	100% {
		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	100% {
		opacity: 1
	}
}
